<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>开发喵购物商城</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/boostrap/bootstrap.css">
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow" />
</head>

<body>
    <!-- 顶部logo -->
    <div class="header">
        <div class="header_content ">
            <div class="row">
                <div class="logo col-sm-5">
                    <img src="../images/index/lg.png" alt="">
                </div>
                <div class="login col-sm-3">
                    <ul class="nav justify-content-end login_nav">
                        <li class="nav-item">
                            <a class="nav-link active" href="login.html"><img src="../images/index/login.png" alt="" width="25px" height="25px"> 登录
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="register.html"><img src="../images/index/register.png" alt="" width="25px" height="25px">注册</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="shoppingcart.html"><img src="../images/index/car.png" width="25px" height="25px" alt=""></a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航条 -->
    <div class="nav1">
        <div class="nav_content">
            <li>
                <ul><a href="#" style="color: #ffc42a;">首页</a></ul>
                <ul><a href="about.html">关于</a></ul>
                <ul><a href="FAQ.html">FAQ</a></ul>
                <ul><a href="aftersales.html">售后</a></ul>
                <ul><a href="contact.html">联系</a></ul>
            </li>
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        <!-- 内容第一部分 -->
        <div class="content1 row">
            <!-- 分类导航 -->
            <div class="content1_nav col-sm-2">
                <li>
                    <ul><img src="../images/index/more.png" alt="" width="25px" height="25px"> 全部分类</ul>
                    <ul><a href=" ">充电</a></ul>
                    <ul><a href=" ">手机</a></ul>
                    <ul><a href=" ">生活</a></ul>
                    <ul><a href=" ">配件</a></ul>
                    <ul><a href=" ">音乐</a></ul>
                    <ul><a href=" ">FAQ</a></ul>
                    <ul><a href=" ">售后</a></ul>

                </li>
            </div>
            <div class="content1_img col-sm-7 ">
                <div class="content1_img_gd"><img src="../images/index/macbook.jpg " alt=" "></div>
                <div class="content1_img_gd"><img src="../images/index/ipadmini.jpg " alt=" "></div>
                <div class="content1_img_gd"><img src="../images/index/imac.jpg " alt=" "></div>
                <div class="content1_img_gd"><img src="../images/index/macbook.jpg " alt=" "></div>
            </div>
            <div class="content1_goods col-sm-3 ">
                <img src="../images/index/ipad.jpg " alt=" ">
                <img src="../images/index/imac.jpg " alt=" ">
            </div>
        </div>
        <!--热卖专区 -->
        <div class="content2 ">
            <div class="writing ">手机专区</div>
            <div class="content2_box row ">
                <div class="content2_box_img ">
                    <a href="goods1.html"><img src="../images/index/iPhone11.jpg " alt=" ">
                        <p class="goods_name ">IPhone 11</p>
                    </a>
                    <p class="goods_price">
                        <span>原价：</span>
                        <span>￥3199.00</span>
                    </p>
                    <p>￥2999.00</p>
                </div>
                <div class=" content2_box_img ">
                    <a href="goods2.html"><img src="../images/index/iPhone12.jpg " alt=" ">
                        <p class="goods_name ">IPhone 12</p>
                    </a>
                    <p class="goods_price">
                        <span>原价：</span>
                        <span>￥3199.00</span>
                    </p>
                    <p>￥2999.00</p>
                </div>
                <div class="content2_box_img ">
                    <a href="goods3.html"><img src="../images/index/iPhone13.jpg " alt=" ">
                        <p class="goods_name ">IPhone 13</p>
                    </a>
                    <p class="goods_price">
                        <span>原价：</span>
                        <span>￥3199.00</span>
                    </p>
                    <p>￥2999.00</p>
                </div>
            </div>
        </div>
        <!-- 精品抢购 -->
        <div class="content3">
            <div class="writing ">精品抢购</div>
            <div class="content3_img">
                <a href="goods3.html"><img src="../images/index/macb.jpg" alt="" width="1100px" height="385px"></a>
            </div>
        </div>
        <!-- 配件专区 -->
        <div class="content4 ">
            <div class="writing ">配件专区</div>
            <div class="content4_box ">
                <div class="content4_box_img row ">
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods1.html"><img src="../images/index/s7.jpg " alt=" ">
                                <p class="goods_name ">Apple Watch Series 7</p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥3199.00</span>
                            </p>
                            <p>￥2999.00</p>

                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods5.html"><img src="../images/index/s6.jpg " alt=" ">
                                <p class="goods_name "> Apple Watch Series 6</p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥4199.00</span>
                            </p>
                            <p>￥3799.00</p>
                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods4.html"><img src="../images/index/se.jpg " alt=" ">
                                <p class="goods_name ">Apple Watch SE </p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥3099.00</span>
                            </p>
                            <p>￥2299.00</p>
                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods3.html"><img src="../images/index/a3.jpg " alt=" ">
                                <p class="goods_name "> Apple AirPods (第三代) </p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥2199.00</span>
                            </p>
                            <p>￥1399.00</p>
                        </div>
                    </div>
                </div>
                <div class="content4_box_img row " style="margin-top: 10px; ">
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods4.html"><img src="../images/index/a2.jpg " alt=" ">
                                <p class="goods_name ">Apple AirPods</p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥1899.00</span>
                            </p>
                            <p>￥1046.00 </p>
                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods2.html"><img src="../images/index/homepad.jpg " alt=" ">
                                <p class="goods_name ">Apple HomePod mini </p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥1199.00</span>
                            </p>
                            <p>￥749.00</p>
                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods1.html"><img src="../images/index/usb.jpg " alt=" ">
                                <p class="goods_name ">闪电转 USB 连接线 </p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥139.00</span>
                            </p>
                            <p>￥9.99</p>
                        </div>
                    </div>
                    <div class="content4_box_img col-sm-3 ">
                        <div class="img_box ">
                            <a href="goods2.html"><img src="../images/index/mouse.jpg " alt=" ">
                                <p class="goods_name ">Apple Magic Mouse</p>
                            </a>
                            <p class="goods_price">
                                <span>原价：</span>
                                <span>￥549.00 </span>
                            </p>
                            <p>￥9.99</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 底部 -->
    <div class="footer ">
        <div class="footer_content ">
            <div class="footer_row row ">
                <div class="contact col-sm-4 ">
                    <h2>Contact</h2>
                    <p>地址：陕西省西安市未央区凤城十二路凯瑞D座</p>
                    <h2>+86 123 1234 1234</h2>
                    <p>邮箱：1300343646@qq.com</p>
                </div>
                <div class="links col-sm-3 ">
                    <h2>Quick Links</h2>
                    <p>常见问题</p>
                    <p>测评中心</p>
                    <p>保修政策</p>
                    <p>售后服务</p>
                    <p>关于我们</p>
                </div>
                <div class="product col-sm-2 ">
                    <h2>Products</h2>
                    <p>充电</p>
                    <p>手机</p>
                    <p>生活</p>
                    <p>配件</p>
                    <p>音乐</p>
                </div>
                <div class="feedback col-sm-3 ">
                    <h2>Feedback</h2>
                    <div class="commit row ">
                        <textarea name=" " id=" " cols="20 " rows="4 " class="col-sm-8 " required>内容</textarea>
                        <div class="col-sm-4 "><button>提交</button></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>